<extend name="en_us:Public:base" />
<block name="title">
    <title>QRInn - Other setting</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=65393a524028c7e3b76e961a08059c7d">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/HotelPage/setting.css?rev=6f0420ddcc8614db7348010f79a4b38a">
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="en_us:Public:Include_control_navbar" navbar-menu-setting="active" />
        <div id="doc-body" class="row">
            <include file="en_us:Public:Include_setting_side" doc-side-pay="active" />
            <div id="doc-center">
                <include file="en_us:Public:Include_advanced_tab" advanced-tab-other="btn-primary" />
                <if condition="checkAccess($adminAuthority, 'Home/BookSettingPage/index')">
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">The application issues the print switch</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">When the switch opens, the issue print on the QRInn page can only be operated in the QRInn application;Close the QRInn issued to print on the page in the current browser operation.</div>
                            <div class="tag-list clearfix">
                            <form class="form-horizontal form-sm">
                                <div class="form-group">
                                    <div class="col-xs-1" style="padding: 6px 0;width: 48px;">
                                        <label class="switch ulite-js-switch ulite-js-ripple-effect ulite-js-ripple-effect--ignore-events is-upgraded" id="printSwitch"  data-upgraded=",MaterialSwitch,MaterialRipple">
                                            <span class="switch-label switch-label-sm"></span>
                                        <div class="switch-track"></div><div class="switch-thumb"><span class="switch-focus-helper"></span></div><span class="switch-ripple-container ulite-js-ripple-effect ulite-ripple--center" data-upgraded=",MaterialRipple"><span class="ripple is-animating"></span></span></label>
                                    </div>
                                    <div class="col-xs-5">
                                        <div class="help-block"></div>
                                    </div>
                                </div>
                            </form>                            
                            </div>
                        </div>
                    </div>   
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">Check switch</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">When the switch is turned on, QRInn can send the checking task to the staff who have the right to check the room, and the quick operation of the feedback check results on the APP.If it is closed, this function is not used.</div>
                            <div class="tag-list clearfix">
                            <form class="form-horizontal form-sm">
                                <div class="form-group">
                                    <div class="col-xs-1" style="padding: 6px 0;width: 48px;">
                                        <label class="switch ulite-js-switch ulite-js-ripple-effect ulite-js-ripple-effect--ignore-events is-upgraded" id="wardRoundSwitch"  data-upgraded=",MaterialSwitch,MaterialRipple">
                                            <span class="switch-label switch-label-sm"></span>
                                        <div class="switch-track"></div><div class="switch-thumb"><span class="switch-focus-helper"></span></div><span class="switch-ripple-container ulite-js-ripple-effect ulite-ripple--center" data-upgraded=",MaterialRipple"><span class="ripple is-animating"></span></span></label>
                                    </div>
                                    <div class="col-xs-5">
                                        <div class="help-block"></div>
                                    </div>
                                </div>
                            </form>                            
                            </div>
                        </div>
                    </div>   
                
                
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">Accounting project setting</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">Can add a Accounting project, up to only 10 kinds.</div>
                            <div class="content-panel-project">
                                <div class="project-list active" data-value = '1'>Income</div>
                                <div class="project-list" data-value = '2'>Expenditure</div>
                            </div>
                            <div class="tag-list clearfix">
                                <volist name="hotelNote" id="info">
                                    <if condition="($info['type'] eq 1)">
                                        <div class="tag-item income-project" data-value="{$info.id}">
                                            <div class="tag-item-inner">
                                                <div class="nowrap-content">{$info.name}</div>
                                                <span data-toggle="modal" data-target="#deleteBooksModal" class="iconfont icon-minus text-accent deleteBooksBtn"></span>
                                                <div class="edit-content">
                                                    <input type="text"  class="form-control pull-left edit-input hidden" />
                                                    <a href="javascript:void(0);" class="btn-link text-sm edit-btn">Modify</a>
                                                    <a href="javascript:void(0);" class="btn-link text-sm confirm-btn hidden">OK</a>
                                                </div>
                                            </div>
                                        </div>
                                    <else />
                                        <div class="tag-item expend-project hidden" data-value="{$info.id}">
                                            <div class="tag-item-inner">
                                                <div class="nowrap-content">{$info.name}</div>
                                                <span data-toggle="modal" data-target="#deleteBooksModal" class="iconfont icon-minus text-accent deleteBooksBtn"></span>
                                                <div class="edit-content">
                                                    <input type="text"  class="form-control pull-left edit-input hidden" />
                                                    <a href="javascript:void(0);" class="btn-link text-sm edit-btn">Modify</a>
                                                    <a href="javascript:void(0);" class="btn-link text-sm confirm-btn hidden">OK</a>
                                                </div>                                            
                                            </div>
                                        </div>
                                    </if>
                                </volist>
                                <div class="tag-item">
                                    <input type="text" class="form-control pull-left" id="addBooks" autocomplete="off" maxlength="15" placeholder="+Add new item" value="">
                                    <button type="button" class="pull-left btn-primary btn-raised btn-square glyphicon glyphicon-plus ulite-js-btn" data-value = '1' id="submitBooks"></button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">Consumption project setting</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">Can add a Consumption project, up to only 10 kinds.</div>
                            <div class="tag-list clearfix">
                                <volist name="hotelCost" id="info">
                                    <div class="tag-item" data-value="{$info.id}">
                                        <div class="tag-item-inner">
                                            <div class="nowrap-content">{$info.name}</div>
                                            <span data-toggle="modal" data-target="#deleteEspeciallyModal" class="iconfont icon-minus text-accent deleteEspecially"></span>
                                            <div class="edit-content">
                                                <input type="text" class="form-control pull-left editother-input hidden" />
                                                <a href="javascript:void(0);" class="btn-link text-sm editother-btn">Modify</a>
                                                <a href="javascript:void(0);" class="btn-link text-sm confirmother-btn hidden">OK</a>
                                            </div>                                                 
                                        </div>
                                    </div>
                                </volist>
                                <div class="tag-item">
                                    <input type="text" class="form-control pull-left" id="addEspeciallyBooks" autocomplete="off" maxlength="15" placeholder="+Add new item" value="">
                                    <button type="button" class="pull-left btn-primary btn-raised btn-square glyphicon glyphicon-plus ulite-js-btn" id="submitEspeciallyBooks"></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">Consumer goods Settings of check </div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">Can add a Consumption project, up to only 10 kinds.</div>
                            <div class="tag-list clearfix">
                                <volist name="hotelRoomCost" id="info">
                                    <div class="tag-item" data-value="{$info.id}">
                                        <div class="tag-item-inner">
                                            <div class="nowrap-content">{$info.name}</div>
                                            <span data-toggle="modal" data-target="#deleteWardRoundModal" class="iconfont icon-minus text-accent deleteWardRound"></span>
                                            <div class="edit-content">
                                                <input type="text" class="form-control pull-left wardRound-input hidden" />
                                                <a href="javascript:void(0);" class="btn-link text-sm wardRound-btn">Modify</a>
                                                <a href="javascript:void(0);" class="btn-link text-sm confirmWardRound-btn hidden">OK</a>
                                            </div>                                                 
                                        </div>
                                    </div>
                                </volist>
                                <div class="tag-item">
                                    <input type="text" class="form-control pull-left" id="addWardRoundBooks" autocomplete="off" maxlength="15" placeholder="+Add new item" value="">
                                    <button type="button" class="pull-left btn-primary btn-raised btn-square glyphicon glyphicon-plus ulite-js-btn" id="submitWardRoundBooks"></button>
                                </div>
                            </div>
                        </div>
                    </div>                    
                </if>

            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
    <div class="modal fade" data-backdrop="static" id="deleteBooksModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Delete Accounting project</div>
                </div>
                <div class="modal-body">Deleting items can cause your statistics to go wrong. Are you sure you want to delete them?</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitBooksDelete">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" data-backdrop="static" id="deleteEspeciallyModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Delete Consumption project</div>
                </div>
                <div class="modal-body">Deleting items can cause your statistics to go wrong. Are you sure you want to delete them?</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitEspeciallyDelete">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>   
    <div class="modal fade" data-backdrop="static" id="deleteWardRoundModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Delete and check the consumption items.</div>
                </div>
                <div class="modal-body">Deleting items can cause your statistics to go wrong. Are you sure you want to delete them?</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitWardRoundDelete">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>           
    <script type="text/html" id="templateProject">
        <div class="tag-item" data-value="">
            <div class="tag-item-inner">
                <div class="nowrap-content project-name"></div>
                <span data-toggle="modal" data-target="#deleteBooksModal" class="iconfont icon-minus text-accent deleteBooksBtn"></span>
                <div class="edit-content">
                    <input type="text" class="form-control pull-left edit-input hidden" />
                    <a href="javascript:void(0);" class="btn-link text-sm edit-btn">Modify</a>
                    <a href="javascript:void(0);" class="btn-link text-sm confirm-btn hidden">OK</a>
                </div>                          
            </div>
        </div>
    </script>     
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=b0ccaee5f3f00af011a31069395d22ed"></script>
    <script type="text/javascript" src="/Public/dist/Home/HotelPage/pay.js?rev=a8e6656c6d3e0c9e801dbe7e1837e09a"></script>
</block>

